<template>
  <div style="height: 333px;background-color: #FDDFAF;">
    <img src="../../assets/img/3.png" class="qqq">
  </div>
  <div style="background-color: #F7F9FF;height: 1100px;">
    <div class="www">
      <div class="eee">
        <div class="ee"></div>
        <div class="ee1">
          <img src="../../assets/img/2.png" class="ee2">
          <el-row>
           <el-form label-position="left" style="margin: 20px;">
             <el-form-item label=" 证件姓名">
               <el-input placeholder="请填写证件姓名" style="width: 300px;"></el-input>
             </el-form-item>
           </el-form>
          </el-row>
          <hr>
          <el-row>
            <el-form label-position="left" style="margin: 20px;">
              <el-form-item label=" 证件号码">
                <el-input placeholder="请填写证件号码" class="no-border-input" style="width: 300px;"></el-input>
              </el-form-item>
            </el-form>
          </el-row>
          <hr>
          <el-row>
            <el-form label-position="left" style="margin: 20px;">
              <el-form-item label=" 有效期至">
                <el-input placeholder="请选择身份证有效截止时间" class="no-border-input" style="width: 300px;"></el-input>
              </el-form-item>
            </el-form>
          </el-row>
          <p class="s">身份证照片要求:</p>
          <p style="margin: 10px 0;">请持本人有效二代身份证:</p>
            <p style="margin: 10px 0;">拍照时确保身份证边框完整，字体清晰，亮度均匀；</p>
          <img src="../../assets/img/1.png" class="ee3">
          <el-button type="primary" style="width: 100%;height: 55px; font-size: 18px;">确认</el-button>
        </div>
      </div>
      <div class="rrr">
          <img src="../../assets/touxiang/aiweier.png" class="ddd"/>
          <div class="sds">艾薇儿 <el-tag size="mini">未实名</el-tag></div>
        <div>
          <el-button type="primary" class="xx" @click="router.push('/resumeList')">我的简历</el-button>
          <el-button class="xx" @click="router.push('/interestedJobs')">我的招聘</el-button>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>

import router from "@/router";
</script>


<style scoped>
*{
  margin: 0;
  padding: 0;
}
.center{
  width: 603px;
  margin: 0 auto;
}
.qqq{
  width: 100%;
  height: 100%;
}
.www {
  margin: 0 auto;
  width: 1300px;
  height: 860px;
  position: relative;
  top: 20px;
  display: flex;
}
.eee {
  height: 1030px;
  width: 900px;
  background-color: #FFFFFF;
}
.ee {
  height: 220px;
  width: 900px;
  background-color: #EBEDEF;
}
.ee1 {
  margin: 0 auto;
  width: 450px;
  height: 650px;
 /* background-color: #62b5ec;*/
  position: relative;
  bottom: 100px;
}
.ee2 {
  width: 470px;
  position: relative;
  right: 10px;
}
.ee3 {
  width: 470px;
  margin:15px auto;
position: relative;
  right: 10px;
}
.rrr {
  height: 500px;
  width: 430px;
  background-color: #FFFFFF;
  position: relative;
  left: 20px;
}
.s {
  font-size: 20px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 40px;
}
*p {
  position: relative;
  left: 20px;
}
.ddd {
  width: 150px;
  border-radius: 5%;
  margin: 50px 110px 20px 110px;
}
.sds {
  font-size: 35px;
  position: relative;
  text-align: center;
  margin-bottom: 20px;
}
.xx {
  width: 80%;
  height: 50px;
  margin: 10px 30px 10px 35px;
}
</style>